<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<%@include file="headScriptCR.jsp"%>

<style type="text/css">
@media print {
	body {
		-webkit-print-color-adjust: exact;
		color: #FFF !important;
	}
}
</style>
<style media="print" type="text/css">
#header {
	background-color: #399bca !important;
	color: #FFF !important;
}
</style>


<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/share/jQuery.print.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libraries/dataTables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/libraries/Chart.js/Chart.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/cr/cs23001script.js"></script>



</head>

<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->

			<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i
						class="fa fa-angle-right ml-5 mr-5"></i> สถิติการใช้น้ำ
				</div>
				<!--End navigator-bar-->
				<!-- Start detail-area -->
				<div id="report">

					<div id="page-header" class="clearfix">
						<div>สถิติการใช้น้ำ</div>
					</div>

					<!-- Start form-detail -->
					<div class="form-detail clearfix" style="margin-top: -30px">
						<div class="search-box no-radius">
							<!-- header -->
							<div class="form-group clearfix search-header no-radius"
								id="header">
								<div class="pull-left">สถิติการใช้น้ำ</div>
								<div class="pull-right">
									<div id="hide-button">
										<i class="fa fa-chevron-circle-up"></i>
									</div>
								</div>
							</div>
							<!-- BOX-BODY -->
							<div id="box-body">
								<div class="form-group clearfix mt-20">
									<div class="row">

										<div class="col-xs-3 mt-5" align="right">ทะเบียนผู้ใช้น้ำ</div>
										<div class="col-xs-3 mt-5">
											<label id="account" style="font-weight: normal;"></label>
										</div>

										<div class="col-xs-6 mt-5">
											<div class="col-xs-2 mt-5" align="right">ชื่อ</div>
											<div class="col-xs-10 mt-5">
												<label id="customerName" style="font-weight: normal;"></label>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-xs-3 mt-5" align="right">ที่อยู่</div>
										<div class="col-xs-9 mt-5">
											<label id="customerAddress" style="font-weight: normal;"></label>
										</div>
									</div>
								</div>

							</div>
							<!-- END BOX-BODY -->
						</div>
					</div>
					<!-- End form-detail -->

					<div id="page-header" class="clearfix" style="margin-top: -30px">
						<div>กราฟสถิติการใช้น้ำ</div>
					</div>
					<div class="form-detail clearfix" style="margin-top: -30px">
						<div id="chart">
							<canvas id="myChart"></canvas>
						</div>
					</div>
					<!-- End form-detail -->
					<div id="page-header" class="clearfix" style="margin-top: -30px">
						<div>ข้อมูลสถิติการใช้น้ำ</div>
					</div>
					<div class="form-detail clearfix" style="margin-top: -30px">

						<form role="form" name="form" action="" method="POST">
							<input type="hidden" id="url_address" name="url_address" value="">
							<input type="hidden" id="agent_browser" name="agent_browser"
								value="">
							<div class="list-detail-area">
								<table id="customerStatisticDataTable"
									class="stripe hover cell-border" cellspacing="0" width="100%">
									<thead>
										<tr
											style="background-color: #399bca; color: white; font-size: 0.9em;"
											id="header">
											<th style="border-right: 1px solid #999; text-align: center;">ลำดับ</th>
											<th style="border-right: 1px solid #999; text-align: center;">วันที่อ่านน้ำ</th>
											<th style="border-right: 1px solid #999; text-align: center;">เลขในมาตร</th>
											<th style="border-right: 1px solid #999; text-align: center;">หน่วยที่ใช้</th>
										</tr>
									</thead>
								</table>
							</div>
							<input type="hidden" id="inputAccount"
								value="${vaCustomerAccount}" />
						</form>


					</div>
				</div>
				<!-- End detail-area -->
				<div class="form-detail clearfix" style="margin-top: -90px">
					<div align="right">
						<button class="btn btn-primary" id="print">พิมพ์รายงาน</button>
					</div>
				</div>

				<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย
					การประปานครหลวง</div>
			</div>
		</div>
		<!-- End Detail-area-->
	</div>
	<!-- End Wrapper -->
	<script type="text/javascript">
		
	</script>

</body>
</html>